/*
linear 速度稳定
infinite 无限循环
forwards 停在最后一帧
*/
/*水平翻转*/
/*垂直翻转*/
.el-menu {
  background-color: transparent;
  border-bottom: none !important;
}
.el-container.is-vertical {
  position: relative;
}
.el-container.is-vertical .nav-item {
  position: fixed;
  top: 60px;
}
.el-container.is-vertical .el-header {
  width: 100%;
  top: 0px;
  left: 0px;
  position: fixed;
}
.el-container.is-vertical .el-main {
  position: fixed;
  left: 220px;
  top: 60px;
  right: 0px;
  bottom: 0px;
  transition: 0.5s;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
}
.el-container.is-vertical .el-main.active {
  left: 64px;
}
.el-container .header .el-menu--horizontal > .el-submenu .el-submenu__title {
  height: 60px;
  line-height: 60px;
  border-bottom: 2px solid transparent;
}
.el-container .logo {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center left;
  background-image: url('../images/logo-s.jpg');
}
.el-container .logo.active {
  background-image: url('../images/logos.png');
  background-size: cover;
}
.el-container .nav-item {
  height: 100%;
  text-align: left;
  position: relative;
  width: 220px;
  transition: width 0.5s;
  -webkit-transition: width 0.5s;
  -moz-transition: width 0.5s;
  -ms-transition: width 0.5s;
}
.el-container .nav-item[collapse] {
  width: 64px;
}
.el-container .nav-item .nav {
  overflow-y: auto;
  overflow-x: hidden;
  max-height: 100%;
  position: absolute;
  top: 0px;
  transition: 0.6s;
  -webkit-transition: 0.6s;
  -moz-transition: 0.6s;
  -ms-transition: 0.6s;
  left: 0px;
  right: 0px;
  bottom: 0px;
}
.el-container .nav-item .nav::-webkit-scrollbar {
  /*滚动条整体样式*/
  width: 2px;
  /*高宽分别对应横竖滚动条的尺寸*/
  height: 1px;
}
.el-container .nav-item .nav::-webkit-scrollbar-thumb {
  /*滚动条里面小方块*/
  border-radius: 1px;
  -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
  background: #fff;
}
.el-main {
  background-color: #f2f2f2;
}
.t30 {
  margin-top: 30px;
}
/*
//收缩后溢出状态
.el-menu--vertical {
  max-height: 60%;
  padding: 15px 0;
  overflow-y: auto;

  &::-webkit-scrollbar {
    //滚动条整体样式
    width: 2px;
    //高宽分别对应横竖滚动条的尺寸
    height: 1px;
  }

  &::-webkit-scrollbar-thumb {
    //滚动条里面小方块
    border-radius: 1px;
    -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
    background: #fff;
  }
}
*/
/*
 dom 树 四级 
 |-- ul > el-menu
   |-- li > el-submenu + is-opened
     |-- el-submenu__title
     |-- ul > el-menu.el-menu--inline
       |-- li > el-submenu + is-opened
         |-- el-submenu__title
         |-- ul >el-menu.el-menu--inline
           |-- li > el-menu-item + is-active
       |-- li > el-menu-item + is-active
   |-- li > el-menu-item + is-active

.el-container[data-theme=] {
  .el-menu {
    &>.el-submenu {
      .el-submenu__title {}

      &.el-menu {
        .el-submenu {
          .el-submenu__title {}

          .el-menu {
            .el-menu-item {}
          }
        }

        .el-menu-item {}

      }
    }

    &>.el-menu-item {}
  }

}


*/
.el-container[data-theme=heise] .nav-item {
  background-color: #393d49;
  color: #efefef;
}
.el-container[data-theme=heise] .nav-item .el-menu .el-submenu .el-submenu__title {
  color: #efefef;
}
.el-container[data-theme=heise] .nav-item .el-menu .el-submenu .el-submenu__title i {
  color: #efefef;
}
.el-container[data-theme=heise] .nav-item .el-menu .el-submenu .el-submenu__title:hover {
  background-color: #17191e;
}
.el-container[data-theme=heise] .nav-item .el-menu .el-submenu .el-menu {
  background-color: #323640;
}
.el-container[data-theme=heise] .nav-item .el-menu .el-submenu.is-opened .el-submenu__title {
  background-color: #0c0d10;
  color: #ffffff;
}
.el-container[data-theme=heise] .nav-item .el-menu .el-submenu.is-opened .el-submenu .el-submenu__title {
  background-color: transparent;
  color: #efefef;
}
.el-container[data-theme=heise] .nav-item .el-menu .el-submenu.is-opened .el-submenu .el-submenu__title:hover {
  background-color: #131418;
}
.el-container[data-theme=heise] .nav-item .el-menu .el-submenu.is-opened .el-submenu.is-opened .el-submenu__title {
  background-color: #1c1e24;
  color: #ffffff;
}
.el-container[data-theme=heise] .nav-item .el-menu .el-submenu.is-opened .el-submenu.is-opened .el-submenu .el-submenu__title {
  background-color: transparent;
  color: #efefef;
}
.el-container[data-theme=heise] .nav-item .el-menu .el-submenu.is-opened .el-submenu.is-opened .el-submenu.is-opened .el-submenu__title {
  background-color: #25272f;
  color: #ffffff;
}
.el-container[data-theme=heise] .nav-item .el-menu .el-submenu.is-opened .el-submenu .el-menu-item {
  background-color: #292c35;
}
.el-container[data-theme=heise] .nav-item .el-menu .el-submenu.is-opened .el-submenu .el-menu-item:hover {
  background-color: #1a1b21;
}
.el-container[data-theme=heise] .nav-item .el-menu .el-submenu.is-opened .el-submenu .el-submenu .el-menu-item {
  background-color: #30333e;
}
.el-container[data-theme=heise] .nav-item .el-menu .el-submenu.is-opened .el-submenu .el-submenu .el-menu-item:hover {
  background-color: #272a32;
}
.el-container[data-theme=heise] .nav-item .el-menu .el-menu-item {
  color: #efefef;
  transition: 0.5s;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
}
.el-container[data-theme=heise] .nav-item .el-menu .el-menu-item.is-active {
  color: #fcfcfc;
  border-left: 4px solid #921b20;
  background-color: #272a32;
}
.el-container[data-theme=heise] .nav-item .el-menu .el-menu-item:hover {
  background-color: #000000;
}
.el-container[data-theme=heises] .nav-item {
  background-color: #393d49;
  color: rgba(255, 255, 255, 0.8);
}
.el-container[data-theme=heises] .el-submenu > .el-submenu__title {
  color: rgba(255, 255, 255, 0.8);
}
.el-container[data-theme=heises] .el-submenu > .el-submenu__title i {
  color: rgba(255, 255, 255, 0.8);
}
.el-container[data-theme=heises] .el-submenu > .el-submenu__title:hover {
  background-color: #17191e;
}
.el-container[data-theme=heises] .el-submenu.is-opened {
  background-color: #23252c;
}
.el-container[data-theme=heises] .el-submenu.is-opened .el-menu--inline .is-opened .el-submenu__title {
  background-color: #17191e;
}
.el-container[data-theme=heises] .el-submenu.is-opened > .el-submenu__title {
  background-color: #921b20;
}
.el-container[data-theme=heises] .el-menu-item {
  color: rgba(255, 255, 255, 0.8);
  transition: 0.5s;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
}
.el-container[data-theme=heises] .el-menu-item.is-active {
  color: rgba(255, 255, 255, 0.8);
  border-left: 4px solid #921b20;
  background-color: transparent;
}
.el-container[data-theme=heises] .el-menu-item:hover {
  background-color: #2e313b;
}
